<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>数据修复汇总报告</title>

    <style>
        table{
            width: 100%;
            border-collapse: collapse;
            table-layout:fixed;
            word-wrap:break-word;

        }

        table caption{
            font-size: 2em;
            font-weight: bold;
            margin: 1em 0;
        }

        th,td{
            border: 1px solid #999;
            text-align: center;
            padding: 10px 10px;
        }

        table thead tr{
            background-color: #409eff;
            color: #fff;
        }

        table tbody tr:nth-child(odd){
            background-color: #eee;
        }

        table tbody tr:hover{
            background-color: #ccc;
        }


        table tfoot tr td{
            text-align: right;
            padding-right: 20px;
        }

    </style>
</head>

<body>
    <h1 th:text="数据修复汇总详情"></h1> 
    <table>
        <thead>
            <tr>
                <th style="width: 25%;">修复对象</th>
                <th>修复内容</th>
                <th>修复数据量</th>
                <th>修复时间</th>  
                <th>未修复数据量</th>            
            </tr>
        </thead>
        <tbody>
            <!-- 使用 th:each 循环遍历 dataList 中的每个数据，并动态生成多行数据 -->
            <tr th:each="data : ${dataList}">
                <td th:text="${data.recoveryObject}" style="text-align: left;"></td>
                <td th:text="${data.message}" style="text-align: left;"></td>
                <td th:text="${data.dataVolume}" style="text-align: right;"></td>
                <td th:text="${data.recoveryTime}"></td>
                <td th:text="${data.noRecoveryVolume}" style="text-align: right;"></td>
            </tr>
        </tbody>
    </table>
    <p>此邮件由系统自动发送，无需回复</p>
</body>
</html>